@import "button.css";
.container_x ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border: 1px solid #eee;
}

.container_x ul:after {
    content: '';
    clear: both;
    display: block;
    /*width: 100%;*/
}

.container_x ul li {
    float: left;
    transition: all .2s;
    /*transition-delay: 1s*/
    /*width: 25%;*/
    height: 360px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding: 10px;
}

.container_x ul li h2 {
    font-size: 20px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

ul li h3 {
    font-size: 18px;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.container_x ul li a {
    display: block;
    width: 90%;
    margin: 10px auto;
    /*height: 60px;*/
    /*line-height: 60px;*/
    text-align: center;
    background: #DA6D0E;
    border-radius: 10px;
    transition: all .5s;
    position: relative;
    padding: 20px 0;
    text-decoration: none;
    color: #fff;
}

.container_x ul li a span {
    display: block;
}


.container_x ul li a:hover {
    box-shadow: 0px 1px 10px rgba(0,0,0,.8);
}

.container_x ul li p {
    text-align: center;
    color: #111;
}

.container_x ul li:nth-child(4) {
    border-right: none;
}

.container_x ul li:hover{
    /*background: #efefef;*/
    box-shadow: 0px 4px 20px rgba(0,0,0,.3);
    border-radius: 10px;
    /*transform: scale(1.1);*/
    /*-webkit-transform: scale(1.1);*/
    border: none;
    /*border: 1px solid #ccc;*/

}

@media (min-width:1580px){
    .am-container, .am-g-fixed{max-width:80%;}
    .container_x {
        width: 60%;
        margin: 30px auto;
        margin-top: 50px;
    }
}
.detail .am-container{
    border: 1px solid #eeeeee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 11px #eeeeee;
    -webkit-box-shadow: 0px 0px 11px #eeeeee;
    box-shadow: 0px 0px 11px #eeeeee;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

    margin-bottom: 10px;
}
.footer p {
    color: #7f8c8d;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    background: #2d3e50;
}
[class*=am-u-]+[class*=am-u-]:last-child{
    float: left;
}
.am-topbar{
    height: 80px;
}
a.continue-topic{
    background: url("../images/01-continue.png") no-repeat;
    background-position: 50% 50%;
    /*background-repeat: no-repeat;*/
    background-origin: border-box;

    display: inline-block; width: 100px; height: 100px;
    border-width: 50px;
    border-color: rgba(0,0,0,0);

    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.amz-toolbar {
    border: 1px solid #D8d8d8;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 999;
    padding: 10px 40px 10px 20px;
    background: #D8d8d8;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 60px;
    -moz-box-shadow: 0px 0px 12px #d8d8d8;
    -webkit-box-shadow: 0px 0px 12px #d8d8d8;
    box-shadow: 0px 0px 12px #d8d8d8;
}
.continue-topic ,.continue-topics {
    width: 76px;
    height: 76px;
    cursor: pointer;
    background: url("../images/01-continue.png") no-repeat;
}
.continue-topic:hover,.continue-topic:focus,.continue-topics:hover,.continue-topics:focus{
    transition: all .3s ease-in;
    background: url("../images/01-continue-clicked.png") no-repeat;
}
/*a.continue-topic:hover {*/
    /*border-width: 0;*/
    /*border-color: rgba(0, 0, 0, 0.5);*/
/*}*/
/*a.continue-topic {border: 50px dashed rgba(0, 0, 0, 0.7);}*/
.am-icon-btn-help{

}
.starability-basic {
    display: block;
    position: relative;
    /*width: 150px;*/
    min-height: 60px;
    line-height: 60px;
    padding: 0;
    border: none;
}

.starability-basic > input {
    position: absolute;
    margin-right: -100%;
    opacity: 0;
}

.starability-basic label.add {
    background-position: 0 -30px;
}

.starability-basic label {
    position: relative;
    display: inline-block;
    /*float: left;*/
    width: 30px;
    height: 30px;
    margin-top: 15px;
    color: transparent;
    cursor: pointer;
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    /*background-position: 0 -30px;*/
}
.shef{
    width:100px;
    height:auto;
    margin-left:auto;
    margin-right: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .starability-basic > label {
        background-image: url("../images/icons@2x.png");
        background-size: 30px auto;
    }
}
.am-topbar{
    height: 80px;
}
.sheet-area{
    border-right: 1px solid #eeeeee;
}
a.continue-topic{
    background: url("../images/01-continue.png") no-repeat;
    background-position: 50% 50%;
    /*background-repeat: no-repeat;*/
    background-origin: border-box;

    display: inline-block; width: 100px; height: 100px;
    border-width: 50px;
    border-color: rgba(0,0,0,0);

    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}
.amz-toolbar {
    border: 1px solid #D8d8d8;
    right: 0px;
    bottom: 0px;
    position: fixed;
    z-index: 999;
    padding: 10px 40px 10px 20px;
    background: #D8d8d8;
    border-bottom-left-radius: 60px;
    border-top-left-radius: 60px;
    -moz-box-shadow: 0px 0px 12px #d8d8d8;
    -webkit-box-shadow: 0px 0px 12px #d8d8d8;
    box-shadow: 0px 0px 12px #d8d8d8;
}
.continue-topic,.continue-topics {
    width: 76px;
    height: 76px;
    cursor: pointer;
    background: url("../images/01-continue.png") no-repeat;
}
/*a.continue-topic:hover {*/
    /*border-width: 0;*/
    /*border-color: rgba(0, 0, 0, 0.5);*/
/*}*/
/*a.continue-topic {border: 50px dashed rgba(0, 0, 0, 0.7);}*/
.am-icon-btn-help{

}
.am-help{opacity:1;background-color:#eee;color:#337ab7;font-size:24px;cursor:pointer;margin-top:10px;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}
.am-help:hover{-webkit-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}
.yx_ins{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eeeeee;
    /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
    -moz-box-shadow: 0px 0px 19px #5f615b;
    -webkit-box-shadow: 0px 0px 19px #5f615b;
    box-shadow: 0px 0px 19px #5f615b;
    /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
    position: absolute;
    top:40px;
    left:5%;
    display: none;
    width:90%;
    height:600px;
    z-index: 999;
}
.yx-topictable{
    margin-top: 30px;
}
.yx-button{
    margin-top:30px;
}
li.question a{
    border-radius: 50px;
}
.am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover{
    border-bottom-color: #eeeeee;
}
li.question.question-right a{
    border-radius: 50px;
}
li.question.question-right a {
    color: #00a497;
    background-color: #fff;
    border-color: #00a497;
}
li.question.question-right a:visited {
    color: #fff;
}
li.question.question-right a:hover,
li.question.question-right a:focus,
li.question.question-right a:active,
li.question.question-right.am-active a,
.am-active li.question.question-right a.am-dropdown-toggle {
    color: #fff;
    border-color: #00a497;
    background-color: #00a497;
}
li.question.question-error a{
    border-radius: 50px;
}
li.question.question-error a {
    /*color: #fff;*/
    /*background-color: #e95464;*/
    border-color: #e95464;
    color: #e95464;
}
li.question.question-error a:visited {
    color: #fff;
}
li.question.question-error a:hover,
li.question.question-error a:focus,
li.question.question-error a:active,
li.question.question-error.am-active a,
.am-active li.question.question-error a.am-dropdown-toggle {
    /*color: #e95464;*/
    border-color: #e95464;
    /*background-color: #fff;*/
    color: #fff;
    background-color:#e95464;
}
.progress-area{
    padding: 20px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.starability-basic{

}
#Import{
    margin-top: 120px;
}
.study{
    line-height: 60px;
}
.study h3{
    font-size:1.3em;
}
.Exam{
    margin-top: 15px;
}
.Exam label{
    display: inline-block;
    float: left;
    width:30px;
    height:30px;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}
.Exam label.add{
    background-position: 0 -30px;
}
.diffic li{
    margin-top: 20px;
    text-align: left;
    /*padding-left: 50px;*/
}
/*下一步*/
.payment-wizard{float: left; width: 100%;}
.payment-wizard li.active{position: relative; z-index: 1;}
.wizard-heading{float: left; width: 100%; padding: 10px 15px; background-color: #fafafa; margin-bottom: 1px; box-sizing: border-box; font-size: 18px; color: #4c4c4c; text-transform: uppercase; transition: 0.3s;}
.wizard-content{display: none; float: left; width: 100%; background-color: #fff; box-shadow: 0 8px 8px #d2d2d2; padding: 15px; box-sizing: border-box;}
li:first-child .wizard-content{display: block;}
.wizard-content p{margin-bottom: 15px; font-size: 15px; line-height: 26px; color: #4c4c4c;}
.btn-green{color: #fff; float: right; border: 0; padding: 7px 10px; min-width: 92px; z-index: 1; cursor: pointer; font-size: 14px; text-transform: uppercase; background-color: #5fba57; border-radius: 3px; border-bottom: 3px solid #289422; position: relative; transition: 0.3s;}
.btn-green:before{content: ""; width: 100%; height: 0; border-radius: 3px; z-index: -1; position: absolute; left: 0; bottom: 0; background-color: #289422; transition: 0.3s;}
.btn-green:hover:before{height: 100%;}
.wizard-heading span{float: right; background-repeat: no-repeat;}
.icon-user{width: 20px; height: 18px; background-position: 0 -40px; margin-top: 4px;}
.icon-location{width: 15px; height: 20px; background-position: -22px -42px; margin-top: 4px;}
.icon-summary{width: 20px; height: 20px; background-position: -39px -42px; margin-top: 4px;}
.icon-mode{width: 20px; height: 16px; background-position: -61px -34px; margin-top: 6px;}
.active .wizard-heading{background-color: #447294; color: #fff; margin-bottom: 0;}
.active .icon-user{background-position: 0 0;}
.active .icon-location{background-position: -22px 0;}
.active .icon-summary{background-position: -39px 0;}
.active .icon-mode{background-position: -61px 0;}
.completed .wizard-heading{color: #447294; position: relative; padding: 10px 15px 10px 36px; cursor: pointer; transition: 0.3s;}
.completed .wizard-heading:before{content: "✓"; color: #fff; text-align: center; font-size: 15px; font-weight: bold; position: absolute; left: -7px; top: 8px; width: 32px; padding: 4px 0; background-color: #447294; z-index: 99;}
.completed .wizard-heading:after{content: ""; position: absolute; top: 38px; left: -7px; border-left: 7px solid transparent; border-top: 5px solid #001e34;}
.completed .icon-user{background-position: 0 -20px;}
.completed .icon-location{background-position: -22px -21px;}
.completed .icon-summary{background-position: -39px -21px;}
.completed .icon-mode{background-position: -61px -17px;}

/*答案正确css*/
.error-question{
    color:red;
}
.right-question{
    color:green;
}